@CHARSET "UTF-8";

/*
	-----------------------------------------------------------------------
		Hoja de Estilo CSS
		Desarrollado Por: Carlos Peña a PHP
		Cuando defino (*) en el Style llamo a todos los eventos de la páginas
		Reglas generales
	------------------------------------------------------------------------
	*/
* {
	margin: 0;
	padding: 0;
	clear: none;
	float: none;
	height: auto;
	width: auto;
	margin-left: 0px;
	margin-top: 0px;
}

:focus {
	outline: 0;
}


img,a {
	border: none;
	color: #996633;
	font-family: Arial, verdana, sans-serif;
	text-decoration: none;
	font-size: 10px;
	line-height: normal;
	border-bottom: none;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

div#principal {
	width: 100%;
	height: 70%;
	position: absolute;
	padding: auto;
	margin: 0px auto;
	padding-top: 5%;
	text-align: center;
}

div#mprincipal {
	
	padding: auto;
}
div#centrado {
	font-family: Arial, verdana, sans-serif;	
	width: 800px;
}

div#principal #centrado {
	font-family: Arial, verdana, sans-serif;
	color: #996633;
	font-size: 16px;
	margin: 0 auto;
}

div#img_centro {
	width: 55px;
	background: url('<?php echo $_GET['url'];?>/system/img/line.jpg') center
		no-repeat;
	height: 200px;
}

#top {
	margin: 25px 15px 15px 15px;
	padding-top: 330px;
	position: absolute;
	top: 0px;
}



/*
	----------------------------------------------------------
		Reglas para los DIV que controlan los Correos Internos
	----------------------------------------------------------
	*/
div#ContenidoCorreo {
	color: #CCCCCC;
	border: solid 0.5px;
	position: absolute;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #FFFFFF;
	height: 308;
	width: 360;
	color: #333333;
	font-size: 10px;
	line-height: 13px;
}

p,table,tr, td {
	color: #333333;
	border-radius: 5px;
	font-size: 10px;
	font-family: Arial, Trebuchet MS, Tahoma, Verdana, sans-serif; 
	line-height: normal;
	font-weight: bold;
	border: 1px;
	border-bottom: none;
	padding: 0px;
	
}

h1 {
	font-size: 11px;
	line-height: normal;
	font-weight: bold;
	color: #333333;
	border-bottom: none;
	padding: 0px;
	margin: 13px 0px 2px 0px;
}

h2 {
	font-size: 14px;
	line-height: normal;
	font-weight: bold;
	color: #333333;
	border-bottom: none;
	padding: 0px;
	margin: 13px 0px 2px 0px;
}


/*
--------------------------------------------------------
	Reglas para los DIV que controlan el ambiente general
--------------------------------------------------------
*/
#cabecera {
	/*background:	url('<?php echo $_GET['url'];?>/system/img/menu/imgFondoBarra.png'); */
	background-color: #FFFFFF;
	vertical-align: middle;
	position: center;
	height: 82px;
	width: 90%
}

div#medio {
	position: center;
	background-color: #FFFFFF;
	width: 90%;
	top: 100px;
}



/*
	--------------------------------------------------------
		Login de Usuario
	--------------------------------------------------------
	*/
div#Login {
	position: absolute;
	text-align: center;
	width: 96px;
	height: 94px;
	overflow: hidden;
	left: 904px;
	top: 264px;
}

/*
	--------------------------------------------------------
		Buscar
	--------------------------------------------------------
	*/


div#buscar {
	right: 0px;
	position: absolute;
}


/*
	--------------------------------------------------------
		Cajas de Buscar
	--------------------------------------------------------
	*/



input.field {

	
	font: 11px Currier, Verdana, Arial, sans-serif;
	color: #0a7285;

}

input.submit {
	font: 10px Currier, Verdana, Arial, sans-serif;
	color: #0a7285;
}

/*
	--------------------------------------------------------
		Caja de Login para iniciar sesion
		Define el estilo del Usuario y Clave
	--------------------------------------------------------
	*/
.inputxt {
	color: #1c94c4;
	font-size: 10px;
	font-family: Arial, Trebuchet MS, Tahoma, Verdana, sans-serif; 
	line-height: normal;
	font-weight: bold;
	border-bottom: none;
	padding: 50%;
	

	border: 1px solid #D4D4D4;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2.5px;
	padding-bottom: 0px;
	height: 20px;
	
}

.cabUsuario {
	background-image: url('<?php echo $_GET['url'];?>/system/img/imgUsuario.gif');
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 15px;
	width: 135px;
	height: 20px;
	padding: 4px 2px 0px 25px;
	overflow: hidden;
	border: none;
	color: #646464;
	font-size: 11px;
}


.cabClave {
	background-image: url('<?php echo $_GET['url'];?>/system/img/imgClave.gif');
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 15px;
	width: 135px;
	height: 20px;
	padding: 4px 2px 0px 25px;
	overflow: hidden;
	border: none;
	color: #646464;
	font-size: 11px;
}
.mcabUsuario {
	background-image: url('<?php echo $_GET['url'];?>/system/img/m.input.gif');
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 10px;
	width: 170px;
	height: 20px;
	padding: 2px 2px 0px 25px;
	overflow: hidden;
	border: none;
	color: #646464;
	font-size: 11px;
}
.mcabClave {
	background-image: url('<?php echo $_GET['url'];?>/system/img/m.input.gif');
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 10px;
	width: 170px;
	height: 20px;
	padding: 2px 2px 0px 25px;
	overflow: hidden;
	border: none;
	color: #646464;
	font-size: 11px;
}


/*
	--------------------------------------------------------
		            Barra de Menu Superior
	--------------------------------------------------------
	*/
#BarraMenu li a.btnBuzon {
	background: url('<?php echo $_GET['url'];?>/system/img/menu/imgBtnBuzon.png')
		0px 0px no-repeat;
	width: 40px;
	height: 40px;
}

#BarraMenu li a:hover.btnBuzon {
	background: url('<?php echo $_GET['url'];?>/system/img/menu/imgBtnBuzon.png')
		0px -40px no-repeat;
}

#BarraMenu li a.btnProcesar {
	background:
		url('<?php echo $_GET['url'];?>/system/img/menu/imgBtnProcesar.png') 0px 0px
		no-repeat;
	width: 40px;
	height: 40px;
}

#BarraMenu li a:hover.btnProcesar {
	background:
		url('<?php echo $_GET['url'];?>/system/img/menu/imgBtnProcesar.png') 0px
		-40px no-repeat;
}

#BarraMenu li a.btnEnviar {
	background: url('<?php echo $_GET['url'];?>/system/img/menu/imgBtnEnviar.png')
		0px 0px no-repeat;
	width: 40px;
	height: 40px;
}

#BarraMenu li a:hover.btnEnviar {
	background: url('<?php echo $_GET['url'];?>/system/img/menu/imgBtnEnviar.png')
		0px -40px no-repeat;
}

#BarraMenu li a.btnConfigurar {
	background:
		url('<?php echo $_GET['url'];?>/system/img/menu/imgBtnConfigurar.png') 5px
		0px no-repeat;
	width: 45px;
	height: 40px;
}

#BarraMenu li a:hover.btnConfigurar {
	background:
		url('<?php echo $_GET['url'];?>/system/img/menu/imgBtnConfigurar.png') 5px
		-40px no-repeat;
}

#BarraMenu li a.btnCerrarSesion {
	background:
		url('<?php echo $_GET['url'];?>/system/img/menu/imgBtnCerrarSesion.png')
		12px 0px no-repeat;
	width: 60px;
	height: 40px;
}

#BarraMenu li a:hover.btnCerrarSesion {
	background:
		url('<?php echo $_GET['url'];?>/system/img/menu/imgBtnCerrarSesion.png')
		12px -40px no-repeat;
}
/*
	--------------------------------------------------------
		        Login
	--------------------------------------------------------
	*/
#login {
color: #333333;
	font-size: 11px;
	font-family: Currier, Verdana, sans-serif;
	float: left;
	width: 96px;
	height: 56px;
	padding: 0;
	margin: 0;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	cursor: pointer
}

#login:hover {
	background-position: 0px -94px;
	background-repeat: no-repeat;
}

/*
	-----------------------------------------------------------
						Formas de los botones
	-----------------------------------------------------------
	*/

#btnImprimir_f {
	background: url('<?php echo $_GET['url'];?>/system/img/pdf.png') 10% 50% no-repeat;
	font-family: Currier, Verdana, Arial, sans-serif;
	font-size: 11px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 25px;
	padding-right: 5px;
}

#btnCancelar_f {
	background: url('<?php echo $_GET['url'];?>/system/img/cancel.gif') 10% 50% no-repeat;	
	font-family: Currier, Verdana, Arial, sans-serif;
	font-size: 11px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 25px;
	padding-right: 5px;
	
}

#btnCancelar {
	background: url('<?php echo $_GET['url'];?>/system/img/botones/cancelar24.png') 5% 50% no-repeat;
	font-family: Currier, Verdana, Arial, sans-serif;
	font-size: 11px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 25px;
	padding-right: 5px;	
}

#btnGuardar {
	background: url('<?php echo $_GET['url'];?>/system/img/botones/aceptar24.png') 5% 50% no-repeat;
	font-family: Currier, Verdana, Arial, sans-serif;
	font-size: 11px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 25px;
	padding-right: 5px;	
}